doctype html
html(lang='zh-CN')
    head
        meta(charset='utf-8')
        meta(http-equiv='X-UA-Compatible', content='IE=Edge')
        meta(name='viewport', content='width=device-width')
        title 登录
        link(rel="icon" href="/Favicon.ico" type="image/x-icon")
        link(rel='stylesheet', type='text/css', href='../stylesheets/min.css')
        style(type='text/css').
            .estrela {
                background-color: white;
                border-radius: 50%;
                position: absolute;
                animation-name: estrela;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
            }
            .estrela.style1 {
                animation-duration: 0.5s;
                animation-name: estrela;
            }
            .estrela.style2 {
                animation-duration: 1s;
                animation-name: estrela;
            }
            .estrela.style3 {
                animation-duration: 1.5s;
                animation-name: estrela;
            }
            .estrela.style4 {
                animation-duration: 2s;
                animation-name: estrelaDestacada;
            }
            .estrela.tam1 {
                width: 1px;
                height: 1px;
            }
            .estrela.tam2 {
                width: 2px;
                height: 2px;
            }
            .estrela.tam3 {
                width: 3px;
                height: 3px;
            }
            .estrela.opacity1 {
                opacity: 1;
            }
            .estrela.opacity2 {
                opacity: .5;
            }
            .estrela.opacity3 {
                opacity: .1;
            }
            @keyframes estrela {
                0% {
                    box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.05);
                }
                50% {
                    box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.4);
                }
                100% {
                    box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.05);
                }
            }
            @keyframes estrelaDestacada {
                0% {
                    background-color: #FFFFFF;
                    box-shadow: 0 0 10px 0px rgba(255, 255, 255, 1);
                }
                20% {
                    background-color: #FFC4C4;
                }
                80% {
                    background-color: #C4CFFF;
                }
                100% {
                    background-color: #FFFFFF;
                    box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.2);
                }
            }
        style#29013943366(type='text/css').
        //script(src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.4.4/babel.min.js")
        //script(src="javascripts/browser.min.js")
    body
        #screens.screens
            .first-screen(style='height: 100%;')
                #skin-bg.bg
                    #skyContainer(style='width: 100%; height: 218px; position: absolute; overflow: hidden; z-index: 99999;')
                        span.estrela.style4.opacity1.tam1(style='animation-delay: .0s; left: 603px; top: 113px;')
                        span.estrela.style2.opacity1.tam1(style='animation-delay: .0s; left: 828px; top: 208px;')
                        span.estrela.style4.opacity1.tam1(style='animation-delay: .8s; left: 772px; top: 210px;')
                        span.estrela.style2.opacity3.tam2(style='animation-delay: .5s; left: 1795px; top: 84px;')
                        span.estrela.style3.opacity3.tam2(style='animation-delay: .7s; left: 575px; top: 184px;')
                        span.estrela.style2.opacity1.tam2(style='animation-delay: .6s; left: 1206px; top: 70px;')
                        span.estrela.style4.opacity3.tam1(style='animation-delay: .5s; left: 218px; top: 44px;')
                        span.estrela.style4.opacity1.tam3(style='animation-delay: .3s; left: 959px; top: 175px;')
                        span.estrela.style2.opacity3.tam3(style='animation-delay: .3s; left: 1058px; top: 27px;')
                        span.estrela.style1.opacity2.tam2(style='animation-delay: .0s; left: 439px; top: 133px;')
                        span.estrela.style4.opacity3.tam1(style='animation-delay: .4s; left: 612px; top: 108px;')
                        span.estrela.style1.opacity1.tam1(style='animation-delay: .8s; left: 1329px; top: 198px;')
                        span.estrela.style4.opacity1.tam3(style='animation-delay: .5s; left: 517px; top: 188px;')
                        span.estrela.style3.opacity1.tam2(style='animation-delay: .2s; left: 133px; top: 211px;')
                        span.estrela.style1.opacity1.tam1(style='animation-delay: .4s; left: 1284px; top: 15px;')
                        span.estrela.style2.opacity1.tam1(style='animation-delay: .3s; left: 204px; top: 15px;')
                        span.estrela.style3.opacity2.tam3(style='animation-delay: .3s; left: 176px; top: 209px;')
                        span.estrela.style3.opacity1.tam3(style='animation-delay: .4s; left: 1461px; top: 140px;')
                        span.estrela.style3.opacity3.tam2(style='animation-delay: .3s; left: 59px; top: 40px;')
                        span.estrela.style2.opacity2.tam3(style='animation-delay: .2s; left: 344px; top: 35px;')
                        span.estrela.style3.opacity1.tam2(style='animation-delay: .7s; left: 1447px; top: 78px;')
                        span.estrela.style4.opacity3.tam1(style='animation-delay: .2s; left: 488px; top: 160px;')
                        span.estrela.style4.opacity1.tam2(style='animation-delay: .2s; left: 691px; top: 184px;')
                        span.estrela.style4.opacity1.tam3(style='animation-delay: .2s; left: 1063px; top: 110px;')
                        span.estrela.style4.opacity1.tam2(style='animation-delay: .5s; left: 372px; top: 217px;')
                        span.estrela.style4.opacity3.tam3(style='animation-delay: .7s; left: 624px; top: 17px;')
                        span.estrela.style2.opacity1.tam2(style='animation-delay: .3s; left: 1371px; top: 33px;')
                        span.estrela.style1.opacity2.tam2(style='animation-delay: .8s; left: 385px; top: 88px;')
                        span.estrela.style2.opacity1.tam1(style='animation-delay: .2s; left: 1506px; top: 107px;')
                        span.estrela.style4.opacity2.tam1(style='animation-delay: .5s; left: 1134px; top: 141px;')
                        span.estrela.style2.opacity1.tam1(style='animation-delay: .2s; left: 966px; top: 37px;')
                        span.estrela.style3.opacity2.tam1(style='animation-delay: .1s; left: 902px; top: 15px;')
                        span.estrela.style3.opacity2.tam1(style='animation-delay: .7s; left: 1614px; top: 106px;')
                        span.estrela.style1.opacity2.tam1(style='animation-delay: .2s; left: 375px; top: 22px;')
                        span.estrela.style4.opacity3.tam1(style='animation-delay: .0s; left: 573px; top: 177px;')
                        span.estrela.style4.opacity1.tam3(style='animation-delay: .1s; left: 830px; top: 79px;')
                        span.estrela.style1.opacity2.tam2(style='animation-delay: .5s; left: 1444px; top: 144px;')
                        span.estrela.style3.opacity1.tam1(style='animation-delay: .2s; left: 654px; top: 90px;')
                        span.estrela.style4.opacity1.tam1(style='animation-delay: .7s; left: 1448px; top: 147px;')
                        span.estrela.style3.opacity1.tam3(style='animation-delay: .0s; left: 25px; top: 46px;')
                        span.estrela.style4.opacity1.tam2(style='animation-delay: .3s; left: 243px; top: 201px;')
                        span.estrela.style2.opacity2.tam2(style='animation-delay: .4s; left: 1064px; top: 1px;')
                        span.estrela.style3.opacity3.tam1(style='animation-delay: .2s; left: 245px; top: 103px;')
                        span.estrela.style3.opacity3.tam3(style='animation-delay: .3s; left: 533px; top: 65px;')
                        span.estrela.style1.opacity2.tam1(style='animation-delay: .3s; left: 1694px; top: 92px;')
                        span.estrela.style1.opacity1.tam3(style='animation-delay: .5s; left: 703px; top: 7px;')
                        span.estrela.style1.opacity2.tam1(style='animation-delay: .6s; left: 263px; top: 70px;')
                        span.estrela.style3.opacity1.tam3(style='animation-delay: .5s; left: 41px; top: 31px;')
                        span.estrela.style2.opacity2.tam1(style='animation-delay: .5s; left: 1714px; top: 69px;')
                        span.estrela.style3.opacity1.tam2(style='animation-delay: .3s; left: 446px; top: 42px;')
                        span.estrela.style2.opacity2.tam1(style='animation-delay: .0s; left: 1714px; top: 71px;')
                        span.estrela.style3.opacity2.tam1(style='animation-delay: .6s; left: 1852px; top: 91px;')
                        span.estrela.style3.opacity1.tam2(style='animation-delay: .4s; left: 935px; top: 180px;')
                        span.estrela.style1.opacity2.tam1(style='animation-delay: .3s; left: 469px; top: 207px;')
                        span.estrela.style2.opacity2.tam3(style='animation-delay: .0s; left: 451px; top: 46px;')
                        span.estrela.style2.opacity3.tam1(style='animation-delay: .7s; left: 1588px; top: 106px;')
                        span.estrela.style1.opacity2.tam3(style='animation-delay: .1s; left: 32px; top: 61px;')
                        span.estrela.style4.opacity2.tam3(style='animation-delay: .0s; left: 399px; top: 100px;')
                        span.estrela.style1.opacity2.tam1(style='animation-delay: .3s; left: 756px; top: 7px;')
                        span.estrela.style2.opacity1.tam2(style='animation-delay: .5s; left: 964px; top: 4px;')
                        span.estrela.style4.opacity1.tam1(style='animation-delay: .4s; left: 307px; top: 42px;')
                        span.estrela.style3.opacity1.tam2(style='animation-delay: .8s; left: 1376px; top: 216px;')
                        span.estrela.style2.opacity3.tam1(style='animation-delay: .2s; left: 970px; top: 106px;')
                        span.estrela.style2.opacity1.tam2(style='animation-delay: .1s; left: 366px; top: 31px;')
                        span.estrela.style1.opacity3.tam2(style='animation-delay: .7s; left: 971px; top: 80px;')
                        span.estrela.style3.opacity1.tam1(style='animation-delay: .6s; left: 431px; top: 132px;')
                        span.estrela.style2.opacity2.tam3(style='animation-delay: .0s; left: 468px; top: 42px;')
                        span.estrela.style2.opacity1.tam1(style='animation-delay: .8s; left: 622px; top: 108px;')
                        span.estrela.style2.opacity1.tam1(style='animation-delay: .7s; left: 690px; top: 127px;')
                        span.estrela.style1.opacity1.tam3(style='animation-delay: .6s; left: 1322px; top: 28px;')
                        span.estrela.style2.opacity2.tam3(style='animation-delay: .3s; left: 1595px; top: 33px;')
                        span.estrela.style1.opacity1.tam2(style='animation-delay: .6s; left: 489px; top: 164px;')
                        span.estrela.style2.opacity2.tam2(style='animation-delay: .0s; left: 818px; top: 213px;')
                        span.estrela.style1.opacity1.tam1(style='animation-delay: .0s; left: 161px; top: 98px;')
                        span.estrela.style3.opacity3.tam2(style='animation-delay: .6s; left: 1794px; top: 48px;')
                        span.estrela.style4.opacity3.tam2(style='animation-delay: .4s; left: 783px; top: 3px;')
                        span.estrela.style4.opacity2.tam2(style='animation-delay: .6s; left: 86px; top: 118px;')
                        span.estrela.style4.opacity2.tam2(style='animation-delay: .7s; left: 270px; top: 172px;')
                        span.estrela.style4.opacity1.tam1(style='animation-delay: .4s; left: 47px; top: 164px;')
                        span.estrela.style1.opacity2.tam1(style='animation-delay: .1s; left: 1791px; top: 50px;')
                        span.estrela.style3.opacity1.tam3(style='animation-delay: .8s; left: 1026px; top: 187px;')
                        span.estrela.style2.opacity1.tam1(style='animation-delay: .8s; left: 1186px; top: 70px;')
                        span.estrela.style4.opacity1.tam1(style='animation-delay: .5s; left: 1757px; top: 170px;')
                        span.estrela.style3.opacity1.tam1(style='animation-delay: .7s; left: 512px; top: 68px;')
                        span.estrela.style1.opacity1.tam1(style='animation-delay: .8s; left: 714px; top: 7px;')
                        span.estrela.style1.opacity2.tam2(style='animation-delay: .2s; left: 211px; top: 135px;')
                        span.estrela.style1.opacity2.tam2(style='animation-delay: .1s; left: 364px; top: 158px;')
                        span.estrela.style4.opacity2.tam1(style='animation-delay: .1s; left: 1584px; top: 22px;')
                        span.estrela.style1.opacity1.tam2(style='animation-delay: .7s; left: 798px; top: 13px;')
                        span.estrela.style3.opacity1.tam2(style='animation-delay: .6s; left: 1160px; top: 21px;')
                        span.estrela.style3.opacity3.tam3(style='animation-delay: .8s; left: 505px; top: 164px;')
                        span.estrela.style2.opacity1.tam3(style='animation-delay: .2s; left: 807px; top: 98px;')
                        span.estrela.style3.opacity2.tam1(style='animation-delay: .3s; left: 1362px; top: 22px;')
                        span.estrela.style3.opacity2.tam2(style='animation-delay: .5s; left: 1367px; top: 43px;')
                        span.estrela.style2.opacity1.tam1(style='animation-delay: .4s; left: 197px; top: 36px;')
                        span.estrela.style1.opacity2.tam1(style='animation-delay: .3s; left: 461px; top: 151px;')
                        span.estrela.style4.opacity1.tam1(style='animation-delay: .3s; left: 589px; top: 66px;')
                        span.estrela.style4.opacity1.tam3(style='animation-delay: .4s; left: 684px; top: 62px;')
                        span.estrela.style3.opacity2.tam1(style='animation-delay: .8s; left: 1472px; top: 17px;')
                        span.estrela.style4.opacity1.tam1(style='animation-delay: .4s; left: 1087px; top: 175px;')
                        span.estrela.style2.opacity1.tam3(style='animation-delay: .6s; left: 6px; top: 202px;')
                        span.estrela.style1.opacity2.tam1(style='animation-delay: .7s; left: 14px; top: 84px;')
                        span.estrela.style4.opacity2.tam2(style='animation-delay: .1s; left: 1230px; top: 116px;')
                        span.estrela.style2.opacity2.tam2(style='animation-delay: .5s; left: 1663px; top: 100px;')
                        span.estrela.style2.opacity3.tam3(style='animation-delay: .3s; left: 1451px; top: 186px;')
                        span.estrela.style1.opacity1.tam1(style='animation-delay: .1s; left: 1088px; top: 155px;')
                        span.estrela.style3.opacity1.tam3(style='animation-delay: .5s; left: 684px; top: 86px;')
                        span.estrela.style4.opacity2.tam1(style='animation-delay: .4s; left: 1656px; top: 129px;')
                        span.estrela.style1.opacity1.tam2(style='animation-delay: .8s; left: 626px; top: 136px;')
                        span.estrela.style4.opacity3.tam2(style='animation-delay: .0s; left: 809px; top: 201px;')
                        span.estrela.style4.opacity1.tam1(style='animation-delay: .2s; left: 346px; top: 97px;')
                        span.estrela.style2.opacity1.tam2(style='animation-delay: .0s; left: 65px; top: 109px;')
                        span.estrela.style3.opacity1.tam1(style='animation-delay: .0s; left: 1055px; top: 154px;')
                        span.estrela.style2.opacity2.tam1(style='animation-delay: .7s; left: 829px; top: 194px;')
                        span.estrela.style3.opacity2.tam1(style='animation-delay: .3s; left: 975px; top: 213px;')
                        span.estrela.style3.opacity1.tam1(style='animation-delay: .5s; left: 1435px; top: 47px;')
                        span.estrela.style4.opacity1.tam1(style='animation-delay: .2s; left: 1589px; top: 40px;')
                        span.estrela.style3.opacity3.tam2(style='animation-delay: .3s; left: 1235px; top: 113px;')
                        span.estrela.style1.opacity2.tam1(style='animation-delay: .0s; left: 1073px; top: 182px;')
                        span.estrela.style1.opacity1.tam3(style='animation-delay: .0s; left: 1546px; top: 182px;')
                    img(src='../images/login_screen1_bg.jpg', style='width: 100%; height: 100%; margin-left: 0px;')
                .mask-full(style='opacity: 0;')
                h1.logo 点点号
                .show-list
                    .show-item
                        span.show-box
                            i.icon-login.icon-login-code
                        .tooltip
                            .tooltip-inner
                                h4 点点内容开放平台
                                .qrcode
                                    img(src='../images/code_login.png', alt='')
                    .show-item
                        a.show-box(href='#', target='_blank')
                            i.icon-login.icon-login-developer
                        .tooltip
                            .tooltip-inner
                                h4 点点号开发者中心
                    .show-item
                        a.show-box(href='#', target='_blank')
                            i.icon-login.icon-login-help
                        .tooltip.tooltip-sm
                            .tooltip-inner
                                h4 常见问题
                .content
                    .galaxy(style='top:100px')
                        svg(width='1352', height='522')
                            // *****************热点用户****************
                            defs
                                pattern#networkBg(patternUnits='userSpaceOnUse', width='100%', height='100%')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='../images/network-3.0.png', x='0', y='0', width='1352', height='522')
                                pattern#BImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/1521899825_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#OImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/2450336988_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#SImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/966794019_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#JImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/1316842008_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#RImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/116802841_100100/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#IImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/1620321275_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#DImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/2217353718_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#EImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/1165751752_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#GImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/1570640039_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#HImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/768710119_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#QImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/2001571461_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#NImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/1272996858_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#MImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/1987725421_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#PImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/325405036_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#TImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/395661467_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#LImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/1986912126_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#FImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/1399349558_200200/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                                pattern#CImage(patternContentUnits='objectBoundingBox', preserveAspectRatio='xMinYMax meet', height='1', width='1', x='0', y='0')
                                    image(xmlns:xlink='http:http://www.w3.org/1999/xlink', xlink:href='http://inews.gtimg.com/newsapp_ls/0/182000007_100100/0', preserveAspectRatio='xMinYMax meet', width='1', height='1', x='0', y='0')
                            rect(width='1352', height='522', style='fill:url(#networkBg);stroke-width:1;stroke:none')
                            g#B.node
                                circle.waveNode(r='3', fill='none', cx='395', cy='113', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='395', cy='113', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='395', cy='113', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='395', cy='113', style='cursor: pointer; fill: url("#BImage");')
                            g#C.node
                                circle.waveNode(r='3', fill='none', cx='302', cy='122', stroke='#FFD200', stroke-width='1.5', stroke-opacity='1')
                                circle.commonNode(r='4', fill='#314182', cx='302', cy='122', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='302', cy='122', style='cursor: pointer;')
                                circle.headNode(r='4.447959999999963', fill-opacity='0.22239799999999812', cx='302', cy='122', style='cursor: pointer; fill: url("#CImage");')
                            g#D.node
                                circle.waveNode(r='3', fill='none', cx='209', cy='197', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='209', cy='197', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='209', cy='197', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='209', cy='197', style='cursor: pointer; fill: url("#DImage");')
                            g#E.node
                                circle.waveNode(r='3', fill='none', cx='120', cy='264', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='120', cy='264', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='120', cy='264', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='120', cy='264', style='cursor: pointer; fill: url("#EImage");')
                            g#F.node
                                circle.waveNode(r='3', fill='none', cx='360', cy='191', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='360', cy='191', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='360', cy='191', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='360', cy='191', style='cursor: pointer; fill: url("#FImage");')
                            g#G.node
                                circle.waveNode(r='3', fill='none', cx='240', cy='213', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='240', cy='213', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='240', cy='213', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='240', cy='213', style='cursor: pointer; fill: url("#GImage");')
                            g#H.node
                                circle.waveNode(r='3', fill='none', cx='151', cy='347', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='151', cy='347', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='151', cy='347', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='151', cy='347', style='cursor: pointer; fill: url("#HImage");')
                            g#I.node
                                circle.waveNode(r='3', fill='none', cx='247', cy='320', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='247', cy='320', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='247', cy='320', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='247', cy='320', style='cursor: pointer; fill: url("#IImage");')
                            g#J.node
                                circle.waveNode(r='3', fill='none', cx='422', cy='310', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='422', cy='310', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='422', cy='310', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='422', cy='310', style='cursor: pointer; fill: url("#JImage");')
                            g#L.node
                                circle.waveNode(r='3', fill='none', cx='1082', cy='154', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='1082', cy='154', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='1082', cy='154', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='1082', cy='154', style='cursor: pointer; fill: url("#LImage");')
                            g#M.node
                                circle.waveNode(r='3', fill='none', cx='1259', cy='301', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='1259', cy='301', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='1259', cy='301', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='1259', cy='301', style='cursor: pointer; fill: url("#MImage");')
                            g#N.node
                                circle.waveNode(r='3', fill='none', cx='1017', cy='195', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='1017', cy='195', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='1017', cy='195', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='1017', cy='195', style='cursor: pointer; fill: url("#NImage");')
                            g#O.node
                                circle.waveNode(r='3', fill='none', cx='934', cy='117', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='934', cy='117', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='934', cy='117', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='934', cy='117', style='cursor: pointer; fill: url("#OImage");')
                            g#P.node
                                circle.waveNode(r='3', fill='none', cx='931', cy='214', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='931', cy='214', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='931', cy='214', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='931', cy='214', style='cursor: pointer; fill: url("#PImage");')
                            g#Q.node
                                circle.waveNode(r='3', fill='none', cx='1109', cy='217', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='1109', cy='217', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='1109', cy='217', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='1109', cy='217', style='cursor: pointer; fill: url("#QImage");')
                            g#R.node
                                circle.waveNode(r='3', fill='none', cx='936', cy='355', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='936', cy='355', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='936', cy='355', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='936', cy='355', style='cursor: pointer; fill: url("#RImage");')
                            g#S.node
                                circle.waveNode(r='3', fill='none', cx='1061', cy='319', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='1061', cy='319', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='1061', cy='319', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='1061', cy='319', style='cursor: pointer; fill: url("#SImage");')
                            g#T.node
                                circle.waveNode(r='3', fill='none', cx='1199', cy='316', stroke='#FFD200', stroke-width='1.5', stroke-opacity='0')
                                circle.commonNode(r='4', fill='#314182', cx='1199', cy='316', style='cursor: pointer;')
                                circle.hoverArea(r='20', fill-opacity='0', cx='1199', cy='316', style='cursor: pointer;')
                                circle.headNode(r='0', fill-opacity='0', cx='1199', cy='316', style='cursor: pointer; fill: url("#TImage");')
                        #userInfoTips.galaxy-dialog(style='position: absolute; opacity: 0; z-index: 999; display: none; left: 222px; top: 170px;')
                            .galaxy-content
                                h4.name 同道大叔
                                p.text 贴近千万星座粉的真实心声，用专业与娱乐打造星座殿堂。
                    h2.slogan(style='top: 50px;') 让世界看到你
                    // 首屏登录框会追加到这里
                    .login-container
                        a.close(href='javascript:void(0);', title='关闭') ×
                        .ptlogin-container(style='display: none;')
                        .login-panel(style='display:block')
                            form.form-control.loginForm(style="cursor:pointer;")
                                .input-group.email
                                    i.icon-login.icon-login-name
                                    input.email-input.error(id='ID' type='text', value='', name='email', placeholder='邮箱/手机号')
                                .input-group.password
                                    i.icon-login.icon-login-password
                                    input.password-input(id='PASSWORD' type='password', name='password', placeholder='密码' autocomplete="off")
                                p.login-error-tips
                                .login-remember.clearFix
                                    label.remember-id.pull-left
                                        i.icon-login.icon-login-checkbox
                                        // 选中的时候追加 checkbox-active
                                        input(type='hidden', name='rememberPassword', value='0')
                                        span.remember-txt 记住帐号
                                    span(style="color: #999;transition: color 1s cubic-bezier(.19,1,.22,1);float:right;" onclick='changepassword()') 修改密码
                            .login-submit
                                button.btnLogin.btn.btn-primary(type='button' onclick='fnlogining1()') 登录
                            div.login-mode
                                span.login-mode-info(style="color: #b0b9c4;display:inline-block;") 其他登录方式
                                a.login-mode-link.login-weixin(title='用微信登录', href='javascript:;')
                                    span.label-login
                                        i.icon-login.icon-login-weixin
                                a.login-mode-link.login-qq(title='用QQ登录', href='javascript:;')
                                    span.label-login
                                        i.icon-login.icon-login-qq
                                span.login-mode-info(style="color: #b0b9c4;display:inline-block;float:right;") 注册账号
        input(id="loginmsg" type="hidden" item1=login)
script(type="text/javascript" src='javascripts/jQuery.js')
script(type="text/javascript" src="javascripts/login.js")
//script(type="text/javascript" src="javascripts/util.js")
script(type="text/javascript").
    if ($("#loginmsg").attr("item1") == undefined || $("#loginmsg").attr("item1") == "") {
    } else {
        alert($("#loginmsg").attr("item1"))
    }